body{
	padding: 0;
	margin: 0;
	height: 100%;
	font-size: 62.5%;
	font-family: "微软雅黑",arial,sans-serif;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
}
a{text-decoration:none;}
li{list-style-type:none;}
img{max-width:100%;max-height:100%;}

/*首页*/
.container{
	width:100%;
	background-color:#fff;
}

.top_box{
	width:100%;
	overflow:hidden;
}

.img_gallery{
	height:160px;
	border-top:1px solid #d7d7d7;
	overflow:hidden;
	position:relative;
}

.main_img{
	height:160px;
	overflow:hidden;
	position:relative;
}

.main_img ul{
	width:100%;
	height:160px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	margin:0px;
	padding:0px;
}

.main_img li{
	float:left;
	width:100%;
	height:160px;
}

.main_img li span{
	display:block;
	width:100%;
	height:160px;
}

.main_img li a{
	display:block;
	width:100%;
	height:160px;
}

.img_font{
	position:absolute; 
	bottom:0px;
	color:#fff;
	width:100%; 
	height:35px;
	padding:10px 5px;
	background-color:#000;
	opacity:0.5;
	font-size:0.98rem;
}

.img_font a{
	color:#fff;
}

.img_font span{
	display:none; 
}

div.point{
	position:absolute;
	bottom:5px;
	left:55%;
	z-index:999;
	width:140px;
	height:12px;
	margin:0 0 0 -50px;
}

div.point a{
	float:left;
	width:11px;
	height:11px;
	margin:0;
	padding:0px 15px;
	background:url('../images/silde-nav.png') 0 0 no-repeat;
	display:block;
	text-indent:-1000px;
}

div.point a.on{
	background-position:0 -11px;
}

.center_box{
	padding:10px 3%;
	width:100%;
}

.center_box .shoping_box{
	width:100%;
	margin:15px 0px;
}

.center_box .shoping_box .img{
	width:100%;
	height:180px;
}

.center_box .shoping_box .text{
	width:100%;
	height:20px;
	margin:5px 0px;
}

.center_box .shoping_box .text .left{
	width:70%;
	float:left;
	font-size:1.6rem;
	color:#000;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.center_box .shoping_box .text .right{
	width:30%;
	float:right;
	font-size:1.3rem;
	text-align:right;
	color:#787878;
}

.center_box .shoping_box .text .right span{
	font-size:1.3rem;
	color:#c89230;
}





.details_box{
	padding:0px 0px 10px 0px;
	width:100%;
}

.line{
	width:100%;
	height:10px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	background-color:#ebebe9;
}

.introduce_box{
	width:100%;
}

.introduce_box .img{
	width:100%;
	text-align:center;
	padding:10px 0px;
}

.introduce_box .text{
	width:100%;
	text-indent:2em;
	font-size:1.6rem;
	padding:5px 3%;
	line-height:30px;
}

.goods_box{
	width:100%;
	padding:0px 0px;
}

.goods_box .title_box{
	width:100%;
	padding:0px 0px;
	border-bottom:1px solid #e1e1e1;
}

.goods_box .title{
	width:100px;
	margin:0px 5%;
	padding:10px 0px;
	border-bottom:1px solid #0997ef;
	color:#000;
	text-align:center;
	font-size:1.7rem;
}

.goods_box .goods_list{
	width:100%;
	height:120px;
	margin:0px;
	padding:10px 3%;
}

.goods_box .goods_list .img{
	width:35%;
	float:left;
	margin:0px;
}

.goods_box .goods_list .summary{
	width:65%;
	float:right;
	padding-left:10px;
	font-size:1.5rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	overflow:hidden;
	color:#333;
}




.class_box{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	margin-bottom: 10px;
}

.class_box .class_list{
	width:100%;
	height:100px;
}

.class_box .class_list .title{
	width:100%;
	padding:10px 3%;
	border-bottom:1px solid #e2e2e2;
	font-size:1.5rem;
}

.class_box .class_list ul{
	width:100%;
	margin:0px;
	padding:10px 1%;
}

.class_box .class_list ul li{
	float:left;
	width:20%;
	border:1px solid #e2e2e2;
	border-radius:5px;
	background-color:#f2f2f2;
	text-align:center;
	margin:5px 2.5%;
	padding:5px 0px;
	font-size:1.4rem;
}



